<oc-dialog oc-dialog-switch="MS" oc-dialog-icon="eyedropper"
	oc-dialog-title="配置-探针" style="height: 14rem">
	<div class="grid" ng-controller="configProbe">
		<form class="grid" name="configProbe" style="top:0;bottom:0;left:0;right:0">
			<label style="top:.5rem;left:.3rem" for="probe-path">探针路径：</label>
			<input type="text" style="top:1.5rem;left:.3rem;width:23.4rem"
				id="probe-path" name="path"
			    ng-model="probe.path" ng-pattern="pathR" required>
			<div ng-messages="configProbe.path.$error"
				style="top:.5rem;right:.3rem;color:maroon">
				<div ng-message="required">请填写探针路径</div>
				<div ng-message="pattern">地址不合法</div>
			</div>
			<label style="top:2.5rem;left:.3rem"><b>例如：</b>
				<a ng-click="probe.path='http://127.0.0.1'" href=''>http://127.0.0.1</a>
				<a ng-click="probe.path='http://localhost'" href=''>http://localhost</a>
			</label>

			<label style="top:4rem;left:.3rem" for="probe-origin">探针起始页面：</label>
			<input type="text" style="top:5rem;left:.3rem;width:23.4rem" id="probe-origin"
			       ng-model="probe.origin" required name="origin" ng-pattern="originR">
			<div ng-messages="configProbe.origin.$error"
				style="top:4rem;right:.3rem;color:maroon">
				<div ng-message="required">请填写起始页面</div>
				<div ng-message="pattern">禁止使用跨域地址，请使用相对路径</div>
			</div>
			<label style="top:6rem;left:.3rem"><b>例如：</b>
				<a ng-click="probe.origin='/'" href=''>/</a>
				<a ng-click="probe.origin='/index.html'" href=''>/index.html</a>
			</label>

			<label style="top:7.5rem;left:.3rem" for="probe-id">探针ID：</label>
			<input style="top:8.5rem;left:.3rem;width:18.8rem"
				ng-model="probe.id" id="probe-id" readonly>
			<a class="button" download="{{probe.id}}.html" ng-href="{{probeSampleUrl}}"
				target="_blank"
				style="right:.3rem;top:8.5rem;width:4.3rem;height:1.1rem">下载探针</a>
			<button style="right:4.9rem;width:4.3rem;height:1.4rem;bottom:.3rem"
				ng-disabled="configProbe.$invalid" ng-click="submit()">确定</button>
			<button style="right:10rem;width:4.3rem;height:1.4rem;bottom:.3rem"
				ng-disabled="configProbe.$invalid" ng-click="apply()">应用</button>
		</form>
		<button style="height:1.4rem;width:4.3rem;bottom:.3rem;right:.3rem"
			oc-dialog-close="">取消</button>
	</div>
</oc-dialog>
